import React from "react";

export const TwitterIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22 5.63984C21.2532 5.97967 20.4587 6.20283 19.6442 6.3015C20.5067 5.76916 21.1475 4.94275 21.4483 3.97484C20.6451 4.46366 19.7627 4.80856 18.8408 4.994C18.4618 4.57628 17.9997 4.2424 17.4841 4.01379C16.9684 3.78518 16.4107 3.66689 15.8467 3.6665C13.5817 3.6665 11.745 5.54984 11.745 7.874C11.745 8.204 11.78 8.524 11.85 8.83234C8.44 8.6565 5.41667 6.98234 3.39167 4.43484C3.02652 5.08044 2.83528 5.8098 2.83667 6.5515C2.83667 8.01067 3.56167 9.299 4.66167 10.054C4.00882 10.0323 3.37105 9.85208 2.80333 9.529V9.58067C2.80333 11.6198 4.2175 13.3207 6.09583 13.7057C5.74426 13.8054 5.38044 13.8553 5.015 13.854C4.75083 13.854 4.4925 13.829 4.2425 13.779C4.76417 15.4507 6.27917 16.6673 8.075 16.6998C7.23094 17.3828 6.25821 17.8891 5.2146 18.1888C4.171 18.4884 3.07781 18.5752 2 18.444C3.86654 19.6759 6.05361 20.3327 8.29 20.3332C15.8383 20.3332 19.965 13.9232 19.965 8.36234C19.965 8.179 19.9608 7.9965 19.9542 7.81734C20.7558 7.224 21.4517 6.484 22 5.63984Z"
      fill="#1DA1F2"
    />
  </svg>
);
